<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Intro</title>

<!-- jQuery -->
<script src="http://thecodeplayer.com/uploads/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<!-- jQuery easing plugin -->
<script src="http://thecodeplayer.com/uploads/js/jquery.easing.min.js" type="text/javascript"></script>

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="<?=base_url().'assets/css/intro.css'?>" />


</head>
<body>   

<!-- multistep form -->
<form id="msform">
	<!-- progressbar -->
	<ul id="progressbar">
		<li class="active">About Yourself</li>
		<li>Social Profiles</li>
		<li>Personal Details</li>
	</ul>
	<!-- fieldsets -->
	<fieldset>
		<h2 class="fs-title">Lets get you started!</h2>
		<h3 class="fs-subtitle">Tell us about yourself. We promise to keep them safe.</h3>
                
                <img src="<?=USER_IMAGE.'user_icon.png'?>" alt="user photo" />
               
                <br />
                <?php
              
                include_once(LIB_PATH.'date_creator.php');
                ?>
		
		<input type="password" name="pass" placeholder="Password" />
		<input type="password" name="cpass" placeholder="Confirm Password" />
                
		<button type="button" name="next" class="next action-button">Next</button>
                <span name="skip" class="next skip">SKIP>></span>
	</fieldset>
	<fieldset>
		<h2 class="fs-title">Social Profiles</h2>
		<h3 class="fs-subtitle">Your presence on the social network</h3>
		<input type="text" name="twitter" placeholder="Twitter" />
		<input type="text" name="facebook" placeholder="Facebook" />
		<input type="text" name="gplus" placeholder="Google Plus" />
                
		<button type="button" name="previous" class="previous action-button">Back</button>
		<button type="button" name="next" class="next action-button">Next</button>
                <span name="skip" class="next skip">SKIP>></span>
	</fieldset>
	<fieldset>
		<h2 class="fs-title">Personal Details</h2>
		<h3 class="fs-subtitle">We will never sell it</h3>
		<input type="text" name="fname" placeholder="First Name" />
		<input type="text" name="lname" placeholder="Last Name" />
		<input type="text" name="phone" placeholder="Phone" />
		<textarea name="address" placeholder="Address"></textarea>
		
                <button type="button" name="previous" class="previous action-button">Back</button>
               <button type="submit" name="submit" class="submit action-button">Finish</button>
               <span name="skip" class="skip">SKIP>></span>
	</fieldset>
</form>
</body>
</html>

<!-- JAVASCRIPT -->
<script src='<?=base_url().'assets/js/plugin/jquery.intro.js'?>'></script>

